'use client'

import {ModeToggle} from "@/components/mode-toggle";
import {Separator} from "@/components/ui/separator";
import Link from "next/link";
import {Undo2} from "lucide-react";

export default function Error() {

    return (
        <div className="flex items-center justify-center w-full max-w-screen h-screen">
            <div className="flex items-center justify-center gap-4">
                <div
                    className="inline-block font-medium text-2xl"
                >
                    404
                </div>
                <Separator orientation="vertical" className="h-12"/>
                <div>
                    <div className="scroll-m-20 text-sm font-normal">
                        This page could not be found.
                    </div>
                    <Link href="/" className="text-sm ml-auto underline-offset-4 underline flex items-center gap-0.5"><Undo2 className="size-4"/>Back Home</Link>
                </div>

            </div>

            {/* 主题色切换按钮 */}
            <div className="absolute top-2 right-2">
                <ModeToggle/>
            </div>
        </div>
    );
}